<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Show &amp; Hide</title>
    <style>
        .hide {display:none;}
    </style>
</head>
<body>
    <a id="t1" href="#">show more</a>
    <div data-toggle="clickshow" data-target="#t1" class="hide">
        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id commodo urna. Sed pulvinar dui ut interdum iaculis. In accumsan purus felis. Morbi diam metus, aliquam ac tincidunt nec, porttitor et nisi. Proin venenatis lacinia risus at semper. Ut efficitur velit sed euismod dignissim. Nulla vestibulum facilisis maximus. Aliquam non nisi vitae est sagittis mattis. Cras porta risus vel sapien sollicitudin mattis. Nam justo dolor, pretium eu porta eu, pretium ut tellus. In hac habitasse platea dictumst. Nunc vel urna nisl. Cras tempus a turpis eu posuere. Nunc tempor ornare rhoncus. Ut aliquam lobortis est, ut semper ipsum maximus eu.

            Aenean sed tristique est. Aenean eget mi sit amet turpis feugiat facilisis ac non justo. Praesent molestie arcu arcu, non mattis ligula venenatis et. Vivamus eu feugiat eros. Pellentesque tincidunt purus a enim rhoncus, ac ultrices magna placerat. Maecenas sagittis tincidunt tincidunt. Integer ullamcorper leo pellentesque volutpat elementum. Curabitur ac orci eros. Mauris dignissim tortor at odio imperdiet, vel dignissim massa efficitur. </p>
        <a href="#" data-toggle="clickshow.hide_this">[hide]</a>
    </div>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"></script>
    <script src="js/jquery.clickshow.js"></script>
</body>
</html>